﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
    <meta charset="utf-8"/>
    <title>上海多多配信息科技有限公司</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
    <!--Basic Styles-->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="assets/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="assets/css/weather-icons.min.css" rel="stylesheet"/>
    <!--Beyond styles-->
    <link id="beyond-link" href="assets/css/beyond.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/typicons.min.css" rel="stylesheet"/>
    <link href="assets/css/animate.min.css" rel="stylesheet"/>
    <link href="assets/css/dataTables.bootstrap.css" rel="stylesheet"/>
    <link href="assets/js/validation/css/bootstrapValidator.min.css" rel="stylesheet"/>
    <link href="assets/css/common.css" rel="stylesheet"/>
    <!--Skin Script: Place this script in head to load scripts for skins and rtl support-->
    <script src="assets/js/skins.min.js"></script>
</head>
<!-- /Head -->
<!-- Body -->
<body>
<!-- Loading Container -->
<div class="loading-container">
    <div class="loading-progress">
        <div class="rotator">
            <div class="rotator">
                <div class="rotator colored">
                    <div class="rotator">
                        <div class="rotator colored">
                            <div class="rotator colored"></div>
                            <div class="rotator"></div>
                        </div>
                        <div class="rotator colored"></div>
                    </div>
                    <div class="rotator"></div>
                </div>
                <div class="rotator"></div>
            </div>
            <div class="rotator"></div>
        </div>
        <div class="rotator"></div>
    </div>
    <!-- 进度条 -->
    <div class="progress progress-xxs progress-set-pos progress-bar-con ">
        <div class="progress-bar" style="text-align: right" role="progressbar" aria-valuenow="0" aria-valuemin="0"
             aria-valuemax="100" style="width: 50%">
            <span>50% Complete</span>
        </div>
    </div>
</div>
<!--  /Loading Container -->
<!-- Navbar -->
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="navbar-container">
            <!-- Navbar Barnd -->
            <div class="navbar-header pull-left">
                <a href="#" class="navbar-brand">
                    <small>
                        <img src="assets/img/logo.png"/>
                    </small>
                </a>
            </div>
            <!-- /Navbar Barnd -->

            <!-- Sidebar Collapse -->
            <div class="sidebar-collapse" id="sidebar-collapse">
                <i class="collapse-icon fa fa-bars"></i>
            </div>
            <!-- /Sidebar Collapse -->
            <!-- Account Area and Settings --->
            <div class="navbar-header pull-right">
                <div class="navbar-account">
                    <ul class="account-area">
                        <li>
                            <a class=" dropdown-toggle" data-toggle="dropdown" title="Help" href="#">
                                <i class="icon fa fa-warning"></i>
                            </a>
                            <!--Notification Dropdown-->
                            <ul class="pull-right dropdown-menu dropdown-arrow dropdown-notifications">
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <div class="notification-icon">
                                                <i class="fa fa-phone bg-themeprimary white"></i>
                                            </div>
                                            <div class="notification-body">
                                                <span class="title">Skype meeting with Patty</span>
                                                <span class="description">01:00 pm</span>
                                            </div>
                                            <div class="notification-extra">
                                                <i class="fa fa-clock-o themeprimary"></i>
                                                <span class="description">office</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <div class="notification-icon">
                                                <i class="fa fa-check bg-darkorange white"></i>
                                            </div>
                                            <div class="notification-body">
                                                <span class="title">Uncharted break</span>
                                                <span class="description">03:30 pm - 05:15 pm</span>
                                            </div>
                                            <div class="notification-extra">
                                                <i class="fa fa-clock-o darkorange"></i>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <div class="notification-icon">
                                                <i class="fa fa-gift bg-warning white"></i>
                                            </div>
                                            <div class="notification-body">
                                                <span class="title">Kate birthday party</span>
                                                <span class="description">08:30 pm</span>
                                            </div>
                                            <div class="notification-extra">
                                                <i class="fa fa-calendar warning"></i>
                                                <i class="fa fa-clock-o warning"></i>
                                                <span class="description">at home</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <div class="notification-icon">
                                                <i class="fa fa-glass bg-success white"></i>
                                            </div>
                                            <div class="notification-body">
                                                <span class="title">Dinner with friends</span>
                                                <span class="description">10:30 pm</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="dropdown-footer ">
                                        <span>
                                            Today, March 28
                                        </span>
                                        <span class="pull-right">
                                            10°c
                                            <i class="wi wi-cloudy"></i>
                                        </span>
                                </li>
                            </ul>
                            <!--/Notification Dropdown-->
                        </li>
                        <li>
                            <a class="wave in dropdown-toggle" data-toggle="dropdown" title="Help" href="#">
                                <i class="icon fa fa-envelope"></i>
                                <span class="badge">3</span>
                            </a>
                            <!--Messages Dropdown-->
                            <ul class="pull-right dropdown-menu dropdown-arrow dropdown-messages">
                                <li>
                                    <a href="#">
                                        <img src="assets/img/avatars/divyia.jpg" class="message-avatar"
                                             alt="Divyia Austin">

                                        <div class="message">
                                                <span class="message-sender">
                                                    Divyia Austin
                                                </span>
                                                <span class="message-time">
                                                    2 minutes ago
                                                </span>
                                                <span class="message-subject">
                                                    Here's the recipe for apple pie
                                                </span>
                                                <span class="message-body">
                                                    to identify the sending application when the senders image is shown for the main icon
                                                </span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="assets/img/avatars/bing.png" class="message-avatar"
                                             alt="Microsoft Bing">

                                        <div class="message">
                                                <span class="message-sender">
                                                    Bing.com
                                                </span>
                                                <span class="message-time">
                                                    Yesterday
                                                </span>
                                                <span class="message-subject">
                                                    Bing Newsletter: The January Issue‏
                                                </span>
                                                <span class="message-body">
                                                    Discover new music just in time for the Grammy® Awards.
                                                </span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="assets/img/avatars/adam-jansen.jpg" class="message-avatar"
                                             alt="Divyia Austin">

                                        <div class="message">
                                                <span class="message-sender">
                                                    Nicolas
                                                </span>
                                                <span class="message-time">
                                                    Friday, September 22
                                                </span>
                                                <span class="message-subject">
                                                    New 4K Cameras
                                                </span>
                                                <span class="message-body">
                                                    The 4K revolution has come over the horizon and is reaching the general populous
                                                </span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                            <!--/Messages Dropdown-->
                        </li>

                        <li>
                            <a class="dropdown-toggle" data-toggle="dropdown" title="Tasks" href="#">
                                <i class="icon fa fa-tasks"></i>
                                <span class="badge">4</span>
                            </a>
                            <!--Tasks Dropdown-->
                            <ul class="pull-right dropdown-menu dropdown-tasks dropdown-arrow ">
                                <li class="dropdown-header bordered-darkorange">
                                    <i class="fa fa-tasks"></i>
                                    4 Tasks In Progress
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Account Creation</span>
                                            <span class="pull-right">65%</span>
                                        </div>

                                        <div class="progress progress-xs">
                                            <div style="width:65%" class="progress-bar"></div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Profile Data</span>
                                            <span class="pull-right">35%</span>
                                        </div>

                                        <div class="progress progress-xs">
                                            <div style="width:35%" class="progress-bar progress-bar-success"></div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Updating Resume</span>
                                            <span class="pull-right">75%</span>
                                        </div>

                                        <div class="progress progress-xs">
                                            <div style="width:75%" class="progress-bar progress-bar-darkorange"></div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Adding Contacts</span>
                                            <span class="pull-right">10%</span>
                                        </div>

                                        <div class="progress progress-xs">
                                            <div style="width:10%" class="progress-bar progress-bar-warning"></div>
                                        </div>
                                    </a>
                                </li>
                                <li class="dropdown-footer">
                                    <a href="#">
                                        See All Tasks
                                    </a>
                                    <button class="btn btn-xs btn-default shiny darkorange icon-only pull-right"><i
                                            class="fa fa-check"></i></button>
                                </li>
                            </ul>
                            <!--/Tasks Dropdown-->
                        </li>
                        <li id="index_account_li">
                            <a class="login-area dropdown-toggle" data-toggle="dropdown">
                                <div class="avatar" title="View your public profile">
                                    <img src="assets/img/avatars/adam-jansen.jpg">
                                </div>
                                <section>
                                    <h2><span class="profile"><span style="min-width: 105px;">男神/女神</span></span></h2>
                                </section>
                            </a>
                            <!--Login Area Dropdown-->
                            <ul id="index_account_li_ul"
                                class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
                                <li class="username">
                                    <a>刘欢</a>
                                </li>
                                <li class="email">
                                    <a>liuhuan@duoduopei.com.cn</a>
                                </li>
                                <!--Avatar Area-->
                                <li>
                                    <div class="avatar-area">
                                        <img src="assets/img/avatars/adam-jansen.jpg" class="avatar">
                                        <span class="caption">修改相片</span>
                                    </div>
                                </li>
                                <!--Avatar Area-->
                                <li class="edit">
                                    <a href="profile.html" class="pull-left">个人信息</a>
                                    <a href="#" class="pull-right">设置</a>
                                </li>
                                <!--Theme Selector Area-->
                                <li class="theme-area">
                                    <ul class="colorpicker" id="skin-changer">
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#5DB2FF;"
                                               rel="assets/css/skins/blue.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#2dc3e8;"
                                               rel="assets/css/skins/azure.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#03B3B2;"
                                               rel="assets/css/skins/teal.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#53a93f;"
                                               rel="assets/css/skins/green.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#FF8F32;"
                                               rel="assets/css/skins/orange.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#cc324b;"
                                               rel="assets/css/skins/pink.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#AC193D;"
                                               rel="assets/css/skins/darkred.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#8C0095;"
                                               rel="assets/css/skins/purple.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#0072C6;"
                                               rel="assets/css/skins/darkblue.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#585858;"
                                               rel="assets/css/skins/gray.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#474544;"
                                               rel="assets/css/skins/black.min.css"></a>
                                        </li>
                                        <li>
                                            <a class="colorpick-btn" href="#" style="background-color:#001940;"
                                               rel="assets/css/skins/deepblue.min.css"></a>
                                        </li>
                                    </ul>
                                </li>
                                <!--/Theme Selector Area-->
                                <li class="dropdown-footer">
                                    <a href="###" id="userLogout">
                                        退出
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <div class="setting">
                        <a id="btn-setting" title="Setting" href="#">
                            <i class="icon glyphicon glyphicon-cog"></i>
                        </a>
                    </div>
                </div>
            </div>
            <!-- /Account Area and Settings -->
        </div>
    </div>
</div>
<!-- /Navbar -->
<!-- Main Container -->
<div class="main-container container-fluid">
    <!-- Page Container -->
    <div class="page-container">
        <!-- Page Sidebar -->
        <div class="page-sidebar sidebar-fixed" id="sidebar">
            <div class="page-sidebar-content" style="position: relative">
                <!-- Page Sidebar Header-->
                <div class="sidebar-header-wrapper">
                    <input type="text" class="searchinput"/>
                    <i class="searchicon fa fa-search"></i>

                    <div class="searchhelper">搜索订单跟踪</div>
                </div>
                <!-- /Page Sidebar Header -->
            </div>
            <div class="page-sidebar-scroll"></div>
        </div>
        <!-- /Page Sidebar -->
        <!-- Page Content -->
        <div class="page-content">
            <div class="ddp_index_tab tab-h ">
                <ul class="nav nav-tabs " style="position: relative">
                </ul>
                <div class="tab-content"></div>
            </div>
            <!-- /Page Content -->
        </div>
    </div>
</div>
<!-- Page Header -->
<div class="page-header position-relative page-scroll-buttons">
    <!--Header Buttons-->
    <div class="header-buttons">
        <a class="sidebar-toggler" href="javascript:void(0)">
            <i class="fa fa-arrows-h"></i>
        </a>
        <a class="refresh" id="refresh-toggler" href="javascript:void(0)">
            <i class="glyphicon glyphicon-refresh"></i>
        </a>
        <a class="fullscreen" id="fullscreen-toggler" href="javascript:void(0)">
            <i class="glyphicon glyphicon-fullscreen"></i>
        </a>
        <a class="hand-up" href="javascript:void(0);">
            <i class="glyphicon glyphicon-hand-up"></i>
        </a>
    </div>
    <!--Header Buttons End-->
</div>

<div class="loginModalBox">
    <!--登录模态框-->
    <!-- Modal -->
    <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" keyboard="false">
        <div class="modal-dialog" role="document">
        </div>
    </div>
</div>

<!--Basic Scripts-->
<script type="application/javascript" src="assets/js/sys.des.js"></script>
<script type="application/javascript" src="assets/js/auth_token.js"></script>
<script type="application/javascript" src="assets/js/jquery-2.0.3.min.js"></script>
<script type="application/javascript" src="assets/js/angular.min.js"></script>
<script type="application/javascript" src="assets/js/jquery.easing.min.js"></script>
<script type="application/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="application/javascript" src="assets/js/jquery-ui-1.10.4.custom.js"></script>
<script type="application/javascript" src="assets/js/pako.min.js"></script>
<!--Beyond Scripts-->
<script type="application/javascript" src="assets/js/beyond.min.js"></script>
<script type="application/javascript" src="assets/js/toastr/toastr.js"></script>
<!--Page Related Scripts-->
<script type="application/javascript" src="assets/js/common.js"></script>
<script type="application/javascript" src="assets/js/index.sidebar.menu.js"></script>
<script type="application/javascript" src="assets/js/bootstrap.tabs.dynamicloading.js"></script>
<script type="application/javascript" src="assets/js/jquery.mousewheel.min.js"></script>
<script type="application/javascript" src="assets/js/validation/js/bootstrapValidator.js"></script>
<script type="application/javascript" src="assets/js/validation/js/language/zh_CN.js"></script>
<script type="application/javascript" src="assets/js/index.sidebar.menu.scroll.js"></script>
<script type="application/javascript" src="assets/js/index.js"></script>
</body>
</html>